<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="renderer" content="webkit">
    <title>艾玛英语</title>
    <!-- ================== BASE CSS STYLE ================== -->
    <link rel="stylesheet" href="__PATH__/assets/css/base.css">
    <!-- ================== / BASE CSS STYLE ================== -->
    <!-- ================== PAGE CSS STYLE ================== -->
    <link rel="stylesheet" href="__PATH__/assets/css/plugin/bootstrap-datepicker.min.css">
    <link rel="stylesheet" href="__PATH__/assets/css/plugin/bootstrap-datepicker3.min.css">
</head>

<body>
    <div id="main" class="parent-calendar">
        <h2 class="page-title">第14期-L1</h2>
        <div class="page-nav">
            <a href="{:url('wechat/study_recorde')}">学习日历</a>
            <a class="active" href="{:url('wechat/parent_today')}">家长日报</a>
        </div>
        <div class="calendar">
            <div id="datepicker"></div>
        </div>
    </div>
    <nav id="navigator">
        <ul>
            <li><a href="{:url('wechat/index')}">今日学习</a></li>
            <li   class="active"><a href="{:url('wechat/study_recorde')}">学习记录</a></li>
            <li><a href="{:url('wechat/book')}">听绘本</a></li>
            <li><a href="{:url('wechat/my')}">我的</a></li>
        </ul>
    </nav>


    <!-- ================== BASE JS ================== -->
    <script src="__PATH__/assets/js/jquery-1.9.1.min.js"></script>
    <script src="__PATH__/assets/js/common.js"></script>
    <!-- ================== / BASE JS ================== -->
    <!-- ================== PAGE LEVEL JS ================== -->
    <script src="__PATH__/assets/js/plugin/datepicker/bootstrap-datepicker.js"></script>
    <script src="__PATH__/assets/js/plugin/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
    <script>
    $(document).ready(function() {
        //日历
        $('#datepicker').datepicker({
            language: 'zh-CN',
            todayHighlight: true
        });
        $('.calendar .datepicker table .day').click(function() {
            var yearMonth = $('.datepicker-switch').html();
            var day = $(this).html();
            console.log(yearMonth+day+'日');
        });
        $("#datepicker").datepicker({
                 format: "dd/mm/yyyy",
                 autoclose: true,
                 todayHighlight: true,
                 beforeShowDay: function(date){
                     var d = date;
                     var curr_date = d.getDate();
                     var curr_month = d.getMonth() + 1; //Months are zero based
                     var curr_year = d.getFullYear();
                     var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

                     if ($.inArray(formattedDate, active_dates) != -1){
                       return {
                          classes: 'activeClass'
                       };
                     }
                  return;
              }
        
          });
        });
    </script>
    <!-- ================== / PAGE LEVEL JS ================== -->
</body>

</html>
